@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; font-size:13px; font-family:Arial, Helvetica, sans-serif}
a, img{ border:none; text-decoration:none}
ul, li {list-style:none}
.clear{clear:both}
body {background:#FFF}
#wrapper {margin:0 auto; background:url(../images/repeat.jpg) repeat-x; }
#top{ margin:0px auto; padding:15px 5px; width:980px;}
#nav { background:url(../images/bg_nav.jpg) repeat-x;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width:980px; margin:5px auto; height:40px; box-shadow: 0 2px 1px #999; display:block}
#nav ul { float: left}
#nav ul li {display:inline-block; padding: 0 13px 0 13px; line-height:40px; float:left;margin-right: 2px}
#nav ul li:hover { background:#1692cf;}
#nav ul li:hover:first-child { background:#1692cf; border-radius: 4px 0px 0px 4px;}
#nav ul li a{ font-size:13px; padding: 4px 10px 4px 10pxpx; color:#FFF; text-transform:uppercase; line-height:40px; font-weight:bold}
#nav select{float:right; background:#2a4f7e; width:176px; height:20px; border:none; margin:10px; color:#ccc}
#nav select option{color:white;}
#nav select span{color:#F09}
#banner { margin:15px auto; width:980px}

#main { width:980px; margin:0 auto;}
#main .text p{ font-size: 26px; font-style:italic; font:calibri, Arial, Helvetica, sans-serif; color:#a3a3a3; padding:20px 0px; text-align:justify}
#main1{overflow:hidden}
#main1 .post-item {float:left; width:450px; padding:30px 19px; overflow:hidden;}
#main1 .post-item img{float:left; padding-left:30px}
#main1 .post-item a:hover{opacity: 0.8}
#main1 .post-item h2{float:right; padding: 5px 80px 0 0; color:#39F; font-size:20px;}
#main1 .post-item > p {padding: 15px 20px 0 28px; text-align: justify; line-height:28px}
#main1 .post-item:last-child {border-left: 1px dotted #CBCACA;}
/*about*/
.img-left{float:left; width:400px}
.img-left img { margin:20px 0px}

.text-right{float:right; width:580px}
.text-right h2 {padding: 30px 0 5px 40px; font-size:18px}
.text-right p {line-height: 28px;padding: 0 0 0 40px;text-align: justify;}
.text-right img { margin:0 5px}

.img-right{float:right; width:400px}
.img-right img { margin:20px 0px}

.text-left{float:left; width:580px}
.text-left h2 {padding: 30px 0 5px; font-size:18px}
.text-left p {line-height: 28px;padding: 0 60px 0 0; text-align: justify;}
.text-left img { margin:0 5px}

/*products*/
.img-left-pd{float:left; width:160px}
.img-left-pd img { margin:20px 0px}

.text-right-pd{float:right; width:820px}
.text-right-pd h2 {padding: 30px 0 5px 40px; font-size:18px}
.text-right-pd p {line-height: 28px;padding: 0 0 0 40px;text-align: justify;}
.text-right-pd div { margin: 30px 0 30px 350px;}

/* download*/
.text-right-dl{float:right; width:820px;}
#main .p-down {padding:10px 0 0 0; line-height:32px}
#main span {color:#36F}
#main h2{ padding-top:20px}
ul#infomation{display:inline-block;margin-top:20px;}
ul#infomation li{list-style:none;display:block;	line-height:24px;}
ul#infomation li .left{	float:left;	width:150px;	text-align:right; color:#000}
ul#infomation li .lid {	float:left;	padding-left:30px; color:#36F; width:640px}

/*contact*/
#main1 .post-item h3{padding: 5px 10px 0 0; color:#39F; font-size:18px;}
#main1 .post-item .contact{padding:5px}
#main1 .left-ct{ width:100px; float:left;  color:#000; line-height:28px}
#main1 .lid-ct{width:350px; float:right; color:#000; line-height:28px}
input {height: 24px;margin: 5px 0 0 40px; width: 240px;}
textarea {height: 100px;margin: 5px 0 0 40px; width: 240px;}

.btsub {
    background: url url(../images/submit.png) repeat-x scroll 0 0 transparent;
    border: medium none;
    box-shadow: 0 2px 2px #999999;
    color: #0686D6;
    cursor: pointer;
    font-weight: bold;
    height: 26px;
    margin: 10px 30px 0 0;
}


#footer {background:url(../images/bg_footer.jpg) repeat-x; height:195px; margin-top:30px}
#footer1{ width:980px; margin:0 auto}
.footer-l {margin:10px auto; width:645px; float:left;}
.footer-l ul{float:left; width: 600px}
.footer-l ul li{ display:inline-block; float:left}
.footer-l ul li a {font-size:15px; color:#cbcbcb; padding:0px 10px; border-left:1px solid #cbcbcb}
.footer-l ul li a:hover{color:#4c89d2}
.footer-l ul li:first-child a{border-left:none }
.footer-l p {color:#cbcbcb; padding-top:40px; line-height:22px}
.footer-l span {color:#4c98d2}
.footer-r{float:right; width:300px; margin:30px 0}
.footer-r img{ margin-top:10px}

.btnupbg {background:#309dcf; border-radius: 3px; color: white; cursor: pointer; font-weight: bold; height: 25px; padding: 0 5px 0 ;border-color: #C4C0B9; border-width: 1px; margin-right:5px}
.btnupbg:hover {background:#686868}
.btnupload {background: -moz-linear-gradient(center top,#1692cf ,#309DCF) repeat;}

.ctb:hover {color:red;}
.button_next{ background:url(../images/bg_next.png) repeat-x; border:1px solid #c4c4c4; cursor:pointer; display:inline-block; font-size:11px; padding:2px 10px 3px; margin-right:1px; color:#666}